/**
 全局css
**/
@import "icon.css";
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{line-height:1.6;font-family:"Microsoft YaHei",-apple-system-font,"Helvetica Neue",Arial,sans-serif;font-size:100%;position:relative;}
html,body{
margin:0;
padding:0;
width:100%;
height:100%;
}

*{
box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;
}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
appearance: none;
white-space: pre;
}
:focus{
 outline:0;
}
ul,ol,li{
list-style:none;
padding:0;
margin:0;
}
a{
 text-decoration:none;
 color:inherit;
}
h1,h2,h3,h4,h5,p{
padding:0;
margin:0;
}
/********全面使用flex布局********/
.flex-box {
 position: relative;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
}
.flex-align-center{
 align-items: center;
 -webkit-align-items: center;
 box-align: center;
 -moz-box-align: center;
 -webkit-box-align: center;
}
.flex-align-start{
 -webkit-align-items:flex-start;
 align-items:flex-start;
 box-align: flex-start;
 -moz-box-align: flex-start;
 -webkit-box-align: flex-start;
}
.flex-align-end{
 -webkit-align-items:flex-end;
 align-items:flex-end;
 box-align: flex-end;
 -moz-box-align: flex-end;
 -webkit-box-align: flex-end;
}

.flex-align-baseLine{
  -webkit-align-items:baseline;
  align-items:baseline;
  box-align:baseline;
 -moz-box-align: baseline;
 -webkit-box-align:baseline;
}
.flex-align-strecth{
 -webkit-align-items:strecth;
 align-items:strecth;
 box-align:strecth;
 -moz-box-align: strecth;
 -webkit-box-align:strecth;
}
.flex-wrap {
 -webkit-flex-wrap:wrap;
 flex-wrap: wrap;
}
.img-block{
 width:100%;
 display:block;
}
a{cursor:pointer;}
/********************自定义css******************/
.skin{
 width:100%;
 height:100%;
 background:url('../images/background.jpg')no-repeat;
 background-size:100% 100%;
 background-color:#fff;
 
}
.pad-82{
padding-top:0.82rem;
}
.title{
 width:100%;
 margin:0 auto;
 position:relative;
 padding:0.1rem 0 0.3rem 0;
 text-align:center;
 color:#0c9375;
 font-size:0.36rem;
}
.title img{
 width:0.5rem;
 vertical-align:middle;
}
.title span{
 margin-left:0.6rem;
 margin-right:0.6rem;
}
.head{
    width: 3.6rem;
    padding: 0.4rem 0;
    margin: 0 auto;
}
.pro-msg{
 width:100%;
 height:5.3rem;
 position:relative;
}
.msg{
     width:100%;
     padding:0 0.9rem;
     font-size:0.26rem;
     line-height:1.2em;
     color:#424242;
     position:absolute;
     z-index:10;
     left:0;
     top:0;
}
.msg p:nth-of-type(1){
 margin-bottom:0.18rem;
}
.note{
    font-size: 0.28rem;
    text-align: center;
    color: #424242;
    position: relative;
    width: 100%;
	padding:0.15rem 0;
}
.logo-img{
 width:2.4rem;
 position:relative;
 display:block;
 margin:0 auto;
 padding:0.4rem 0 0.3rem 0;
 }

.nav-bottom{
 padding:0.88rem 0.48rem 0 0.48rem;
 position:absolute;
 z-index:100;
 bottom:0;
}
.nav-bottom .flex-box div{
 width:1.41rem;
}
.nav-bottom .flex-box div a{
 display:block;
 width:100%;
 text-decoration:none;
}
.nav-bottom .flex-box div:nth-of-type(1),.nav-bottom .flex-box div:nth-of-type(2),.nav-bottom .flex-box div:nth-of-type(3){
 margin-right:0.3rem;
}
.progress{
 width:100%;
 padding:0 0.2rem 0.2rem 0.2rem;
}
.chart-section{
 width:94.4%;
 margin:0 auto;
 height:5.5rem;
 background:#fff;
 position:relative;
}
.chart-section .section1{
    width: 100%;
    height: 5.1rem;
    background: #fff;
    position: relative;
}
.chart-section .section2{
 width:100%;
 height:5.5rem;
 background:#fff;
 position:absolute;
 top:0;
 left:0;
 overflow-y:scroll;
 z-index:3000;
 display:none;
}
.chart-section #chart{
    width: 100%;
    height: 4.6rem;
}
.chart-title{
 font-size:0.3rem;
 color:#424242;
 padding:0.2rem 0.4rem 0 0.4rem;
}
.doted{
 display:inline-block;
 width:0.24rem;
 height:0.24rem;
 border-radius:100%;
 vertical-align:middle;
 margin-right:0.1rem;
}
.white{
 border:1px solid #fff;
}
.green{
 border:1px solid #1f5c00;
}
.container{
width:100%;
padding:0.4rem 0.45rem;
}
.container .swiper-container{
 width:6.6rem;
 padding-bottom:0.3rem;
 position:relative;
}
.container .swiper-slide{
 width:6.6rem;
}
.container .swiper-slide .flex-wrap div{
 width:1.32rem;
 height:1.32rem;
 background-color:#95f3da;
 border-radius:50%;
 margin-bottom:0.27rem;
 margin-top:0.1rem;
 /*cursor:pointer;*/
}
.swiper-slide .flex-wrap div:nth-of-type(1),.swiper-slide .flex-wrap div:nth-of-type(2),.swiper-slide .flex-wrap div:nth-of-type(3){
 margin-right:0.43rem;
}
.swiper-slide .flex-wrap div:nth-of-type(5),.swiper-slide .flex-wrap div:nth-of-type(6),.swiper-slide .flex-wrap div:nth-of-type(7){
 margin-right:0.43rem;
}
.bg1{
 background:url('../images/icon5.jpg')no-repeat center center;
 background-size:0.82rem 0.82rem;
}
.bg2{
 background:url('../images/icon6.jpg')no-repeat center center;
 background-size:0.82rem 0.82rem;
}
.bg3{
 background:url('../images/icon7.jpg')no-repeat center center;
 background-size:0.82rem 0.82rem;
}
.bg4{
 background:url('../images/icon8.jpg')no-repeat center center;
 background-size:0.82rem 0.82rem;
}
.bg5{
 background:url('../images/icon9.jpg')no-repeat center center;
 background-size:0.82rem 0.82rem;
}
.bg6{
 background:url('../images/icon10.jpg')no-repeat center center;
 background-size:0.82rem 0.82rem;
}
.bg7{
 background:url('../images/icon11.jpg')no-repeat center center;
 background-size:0.82rem 0.82rem;
}
.bg8{
 background:url('../images/icon12.jpg')no-repeat center center;
 background-size:0.82rem 0.82rem;
}
.bg9{
 background:url('../images/icon13.jpg')no-repeat center center;
 background-size:0.82rem 0.82rem;
}
.bg10{
 background:url('../images/icon14.jpg')no-repeat center center;
 background-size:0.82rem 0.82rem;
}
.bg11{
 background:url('../images/icon15.jpg')no-repeat center center;
 background-size:0.82rem 0.82rem;
}
.tip{
 font-size:0.29rem;
 color:#000;
 position:absolute;
 z-index:1000;
 bottom:-0.4rem;
 width:100%;
 padding:0 0.3rem;
}
.tip #month{
 margin-right:1.6rem;
}
.img-cells{
 width:5.5rem;
 margin:0 auto;
 padding-bottom:0.3rem;
}
.img-cells .cell p{
 font-size:0.28rem;
 color:#a09e9d;
 padding:0.1rem 0;
}
.date-picker{
 width:3.6rem;
 padding:0.3rem 0 0.1rem 0 ;
 margin-left:3.26rem;
}
.date{
 font-size:0.3rem;
 width:0.7rem;
 color:#424242;
}
.date-input{
 width:2.9rem;
 border-radius:4px;
 background:#f6f6f6;
 border:1px solid #a9a9a9;
 height:0.6rem;
 overflow:hidden;
}
.date-input input{
 border:0;
 outline:0;
 width:2.4rem;
 height:0.6rem;
 padding:0 0.15rem;
 margin:0;
 display:block;
 line-height:0.6rem;
 background:#f6f6f6;
 font-size:0.28rem;
 color:#424242;
}
.date-input div:nth-of-type(2){
 width:0.5rem;
 text-align:center;
 font-size:0.28rem;
 height:0.6rem;
 line-height:0.6rem;
}
.logo{
 width:2.99rem;
 margin:0 auto;
}
.artical{
 width:6.8rem;
 margin:0 auto;
 background:#f2fdfc;
 border-radius:5px;
 padding:0.5rem 0.4rem;
 color:#424242;
 font-size:0.28rem;
}
.artical p{
 text-indent:2em;
}
.art-head{
 width:6.8rem;
 margin:0 auto;
 font-size:0.36rem;
 color:#04705b;
 font-weight:bold;
 padding:0.24rem 0;
}
.artical .swiper-container{
 padding-bottom:0.5rem;
 width:100%;
}
.artical .swiper-slide img{
 margin-top:0.2rem;
}
.artical .swiper-slide  p{
  color:#424242;
 font-size:0.28rem;
}

.swiper-slide img{
 display:block;
 width:100%;
}
.white-space{
 width:100%;
 height:0.5rem;
}
.tab-container{
 padding:0.4rem 0 0.3rem 0;
 position:relative;

}
.tab-content{
 width: 6.9rem;
 background: #f2fcfb;
 margin: 0 auto;
 padding: 0.3rem;
 border: 1px solid #96d5c9;
 box-shadow: 0 0 2px rgba(150,213,201,0.5);
 height:11.6rem;
 overflow-y: scroll;
 display: none;
}
.data-title{
 color:#424242;
 font-size:0.3rem;
 font-weight:bold;
 height:0.7rem;
 line-height:0.7rem;
 position:relative;
 cursor:pointer;
}
.data-title:after{
 content:"";
 width:100%;
 position:absolute;
 z-index:10;
 bottom:0;
 height:1px;
 background:#aad8cf;
 -webkit-transform:scaleY(0.5);
 -moz-transform:scaleY(0.5);
 transform:scaleY(0.5);
 left:0;
}
.data-title .icon{
 float:right;
 color:#8e8e8e;
 font-style:normal;
 font-size:0.3rem;
}
.data-table {
    width: 100%;
    background: #daf7f1;
    display: none;
    height: auto;
    padding: 0.2rem 0 0.3rem 0;
}
.data-table .thead{
 font-size:0.3rem;
 font-weight:bold;
 color:#424242;
 text-align:center;
 position:relative;
} 
.data-table .thead:after{
 content:"";
 width:100%;
 position:absolute;
 z-index:10;
 bottom:0;
 height:1px;
 background:#aad8cf;
 -webkit-transform:scaleY(0.5);
 -moz-transform:scaleY(0.5);
 transform:scaleY(0.5);
 left:0;

}

.data-table .tbody {
    text-align: center;
    font-size: 0.26rem;
}

.data-table .tbody li div span{
 font-size:0.22rem;
 background:#94f3da;
 display:inline-block;
 padding:0.01rem;
 width:1rem;
 color:#fff;
 cursor:pointer;
}
.data-table ul li div{
 padding:0.15rem 0;
 text-overflow:ellipsis;
}
.data-table .thead li div:nth-of-type(1),.data-table .tbody li div:nth-of-type(1){
-webkit-box-flex: 1     
    -moz-box-flex: 1;               
    -webkit-flex: 1;     
    -ms-flex: 1         
    flex: 1;
}
.data-table .thead li div:nth-of-type(2),.data-table .tbody li div:nth-of-type(2){
-webkit-box-flex: 1     
    -moz-box-flex: 1;               
    -webkit-flex: 1;     
    -ms-flex: 1         
    flex: 1;
}
.data-table .thead li div:nth-of-type(3),.data-table .tbody li div:nth-of-type(3){
-webkit-box-flex: 1     
    -moz-box-flex: 1;               
    -webkit-flex: 1;     
    -ms-flex: 1         
    flex: 1;
}
.data-table .thead li div:nth-of-type(4),.data-table .tbody li div:nth-of-type(4){
-webkit-box-flex: 1     
    -moz-box-flex: 1;               
    -webkit-flex: 1;     
    -ms-flex: 1         
    flex: 1;
}
.data-active span.icon{
 -webkit-transform:rotate(180deg);
 -moz-transform:rotate(180deg);
 transform:rotate(180deg);
}
.mask{
 width:100%;
 position:fixed;
 z-index:4000;
 background:rgba(0,0,0,0.6);
 top:0;
 left:0;
 right:0;
 bottom:0;
 display:none;
}
.mask-content{
 width:90%;
 margin:0 auto;
 padding:20% 0 0 0;
}
.close{
 width:100%;
 text-align:center;
}
.close .icon{
 display:inline-block;
 font-size:0.6rem;
 color:#fff;
 font-weight:400;
 border:1px solid #fff;
 border-radius:100%;
 width:1rem;
 height:1rem;
 line-height:1rem;
}
.pad-30{
 padding-top:0.3rem;
}
.pic-title{
 width:6.93rem;
 margin:0 auto;
 height:0.78rem;
}
.tt{
 background:url('../images/tt.png')no-repeat;
 background-size:100% 100%;
}
.t1{
 background:url('../images/t1.png')no-repeat;
 background-size:100% 100%;
}
.t2{
 background:url('../images/t2.png')no-repeat;
 background-size:100% 100%;
}
.t3{
 background:url('../images/t3.png')no-repeat;
 background-size:100% 100%;
}
.t4{
 background:url('../images/t4.png')no-repeat;
 background-size:100% 100%;
}
.data-head{
 width:100%;
 height:0.78rem;
 line-height:0.78rem;
 padding:0 0.3rem 0 0.9rem;
 color:#fff;
 font-size:0.31rem;
}
.data-head span:nth-of-type(1){
 font-weight:bold;
}
.data-head span:nth-of-type(2){
 float:right;
 font-size:0.28rem;
}
.record-container{
 width:6.37rem;
 margin-left:0.665rem;
 padding:0.15rem 0.25rem;
 position:relative;

}
.record-container:last-child:before{
 content:"";
 width:0px;
 height:100%;
 background:#41b29c;
 position:absolute;
 z-index:10;
 left:0;
 top:0;
}
.record-container:before{
 content:"";
 width:1px;
 height:100%;
 background:#41b29c;
 position:absolute;
 z-index:10;
 left:0;
 top:0;
}
.display-container {
 width:100%;
 background:#fff;
 border-top:3px solid #41b29c;
 border-bottom:3px solid #41b29c;
 padding:0.12rem;
 height:auto;
 display:none;
}
.record-cell .record-title{
 color:#424242;
 height:0.6rem;
 line-height:0.6rem;
 position:relative;
}
.record-cell .record-title:after{
 content:"";
 width:100%;
 position:absolute;
 z-index:10;
 bottom:0;
 height:1px;
 background:#ddd;
 -webkit-transform:scaleY(0.5);
 -moz-transform:scaleY(0.5);
 transform:scaleY(0.5);
 left:0;
}

.record-cell .record-title .flex-box div:nth-of-type(1){
 width:64%;
 font-size:0.28rem;
 font-weight:bold;
}
.record-cell .record-title .flex-box div:nth-of-type(2){
 width:36%;
 font-size:0.26rem;
 font-style:normal;
}

.record-cell ul{
 padding:0.1rem 0 0.16rem 0;
 position:relative;
 width:100%;
 display:none;
}
.record-cell ul:after{
 content:"";
 width:100%;
 position:absolute;
 z-index:10;
 bottom:0;
 height:1px;
 background:#ddd;
 -webkit-transform:scaleY(0.5);
 -moz-transform:scaleY(0.5);
 transform:scaleY(0.5);
 left:0;

}
.record-cell ul li{
 font-size:0.28rem;
 color:#424242;
}
.record-cell ul li img{
 display:block;
 width:1.9rem;
 margin-top:0.1rem;
}
.record-title .icon{
 font-size:0.28rem;
 display:inline-block;
 height:0.6rem;
 color:#8e8e8e;
}
.head-active .icon{
 display:inline-block;
 -webkit-transform:rotate(90deg);
 -moz-transform:rotate(90deg);
 transform:rotate(90deg);
}
.record-active .icon{
 -webkit-transform:rotate(180deg);
 -moz-transform:rotate(180deg);
 transform:rotate(180deg);
}
.tab-list{
 width:6.9rem;
 margin:0 auto;
 height:0.8rem;
 position:relative;
}
.tab-bg0{
 background:url('../images/tab0.png')no-repeat;
 background-size:100% 100%;
}
.tab-bg1{
 background:url('../images/tab1.png')no-repeat;
 background-size:100% 100%;
}
.tab-bg2{
 background:url('../images/tab2.png')no-repeat;
 background-size:100% 100%;
}

.tab-list .tabL div{
 height:0.8rem;
 line-height:0.8rem;
 text-align:center;
 font-size:0.32rem;
 color:#01615e;
}
.tab-list .tabL div:nth-of-type(1){
 width:2rem;
 
}
.tab-list .tabL div:nth-of-type(2){
 width:2rem;
}
.tab-list .tabL div:nth-of-type(3){
 width:1.64rem;
}
.tab-active{
 color:#fff !important;
 font-weight:bold;
}



/****************树形生长时期图******************/
.tree-container{
 width:6.96rem;
 margin:0 auto;
 padding:0.6rem 0.1rem 0.4rem 0.1rem; 
 height:100%;
 position:relative;
 overflow-y:scroll;
 overflow-x:auto;
}
.tree-footer{
 width:99%;
 display:block;
 position:absolute;
 top:16rem;
 z-index:2000;
}
.item-tree{
 width:100%;
 height:16rem;
 position:relative;

}

.win-mask{
 position:fixed;
 width:100%;
 z-index:10000;
 top:0;
 left:0;
 right:0;
 bottom:0;
 overflow-y:scroll;
 background-color:#fff;
 display:none;
}
.win-mask .wm-content{
 width:94%;
 margin:0 auto;
 padding:0.4rem 0;
}
.date-title{
 width:100%;
 font-size:0.24rem;
 border-bottom:1px solid #25b398;
 padding:0.1rem 0;
 height:0.8rem;
 clear:both;
 overflow:hidden;
 zoom:1;
}
.date-title p:nth-of-type(1){
 float:left;
 width:88%;
}
.date-title p:nth-of-type(2){
 float:right;
 width:12%;
 border: 1px solid #25b398;
 color: #25b398;
 text-align: center;
 border-radius:4px;
 height:0.5rem;
 line-height:0.5rem;
 font-size:0.22rem;
}
.record{
 font-size:0.24rem;
 padding:0.2rem 0.3rem;
 position:relative;
}
.record:before{
 content:"";
 position:absolute;
 height:100%;
 top:0.5rem;
 width:1px;
 background:#ddd;
 left:0;
 z-index:10;
}
.record p:nth-of-type(1){
 padding:0.1rem 0;
 height:0.8rem;
 font-weight:bold;
 position:relative;
}
.record p:nth-of-type(1):before{
 content:"";
 position:absolute;
 width:0.2rem;
 height:0.2rem;
 left:-0.42rem;
 top:0.2rem;
 z-index:100;
 border-radius:50%;
 background:#fff;
 border-radius:50%;
 border:1px solid #ddd;
}
.record p:nth-of-type(1):after{
 content:"";
 position:absolute;
 width:100%;
 height:1px;
 left:0;
 background:#ddd;
 bottom:0.16rem;
}
.record .swiper-container{
 margin:0.2rem auto;
}
.branch:nth-child(odd){
 right:1%;
 position:absolute;
 bottom:0;
 border-left:3px solid #00bab4;
 border-top:3px solid #00bab4;
 -webkit-border-top-left-radius:30px;
 -moz-border-top-left-radius:30px;
 border-top-left-radius:30px;
}
.branch:nth-child(odd):before{
 content:"";
 position:absolute;
 width:0.3rem;
 height:0.3rem;
 background:url('../images/doted.png')no-repeat;
 background-size:100% 100%;
 top:-0.18rem;
 right:-0.1rem;
}
.branch:nth-child(even){
 left:1%;
 position:absolute;
 bottom:0;
 border-right:3px solid #00bab4;
 border-top:3px solid #00bab4;
 -webkit-border-top-right-radius:30px;
 -moz-border-top-right-radius:30px;
 border-top-right-radius:30px;
}
.branch:nth-child(even):before{
 content:"";
 position:absolute;
 width:0.3rem;
 height:0.3rem;
 background:url('../images/doted.png')no-repeat;
 background-size:100% 100%;
 top:-0.18rem;
 left:-0.1rem;
}
.branch-date {
    font-size: 0.22rem;
    word-break: break-all;
    width: 2.8rem;
    height: 3.2rem;
    padding: 0.64rem 0.24rem 0.2rem 0.24rem;
    background: url(../images/danbg.png)no-repeat;
    background-size: 100% 100%;
    margin: -0.16rem auto 0 auto;
}
.branch-date img{
 width:100%;
 height:1.5rem;
 display:block;
 margin:0 auto;
}
